<template>
	<view class="content">
		<view class="c2c">
			<view class="top">
				<text>已撤销</text>
				<text>03-12 16:15:34</text>
			</view>
			<view class="n_list">
				<view class="n_block" @click="$goPage('../detail/detail')">
					<view class="title">
						<view class="left">
							<view class="buy">买</view>
							<text class="wz">
								<text class="big">BTC/</text>
								<text class="small">USDT</text>
							</text>
							<text class="time">02.25 14:00:00</text>
						</view>
						<view class="right">
							<text>去交易</text>
							<uni-icons style="margin-right: -14rpx;" type="arrowright" :size="24" :color="'#1882D4'"></uni-icons>
						</view>
					</view>
					<view class="list">
						<view class="left">
							<text>
								委托总量
							</text>
							<text>
								已成交量
							</text>
							<text>
								已成交量
							</text>
							<text>
								已成交量
							</text>
							<text>
								已成交量
							</text>
							<text>
								已成交量
							</text>
						</view>
						<view class="right">
							<text>
								限价委托
							</text>
							<text>
								0.00276541 BTC
							</text>
							<text>
								0.00000000 BTC
							</text>
							<text>
								 7900.00 USDT
							</text>
							<text>
								0.00000 USDT
							</text>
							<text>
								15.9 USDT
							</text>
						</view>
					</view>
				</view>
			</view>
			<view class="detail">
				<view class="header">
					成交明细
				</view>
				<view class="d_block">
					<view class="th">
						<text style="width: 35%;">时间</text>
						<text style="width: 35%;">成交价</text>
						<text style="width: 30%;">成交量</text>
					</view>
					<view class="tb">
						<text style="width: 35%;">03-12 16:5:34</text>
						<text style="width: 35%;">7900.00 USDT</text>
						<text style="width: 30%;">0.0000 BTC</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import uniIcons from '@/components/uni-icon/uni-icon.vue';
export default {
	components: { uniIcons },
	data() {
		return {
			width: 0,
			left: '0',
			mleft: '0',
			type: 'add'
		};
	},
	computed: {},
	onShow() {},
	methods: {
		//设置百分比
		percentage(number) {
			this.width = number;
			this.left = number;
			if (number == 0) {
				this.mleft = 0;
			} else if (number == 100) {
				this.mleft = -24;
			} else {
				this.mleft = -12;
			}
		},
		setType(type) {
			this.type = type;
		}
	}
};
</script>

<style lang="scss" scoped>
@import './style.scss';
</style>
